<!DOCTYPE html>
<html>
	<head>
		<title>LundinsWeather</title>
		<meta charset="UTF-8" />
		<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" />
		<link rel="stylesheet" href="styles/styles.css" />
		<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />

		<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
		<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
		<script type="text/javascript">
		 $(document).bind("mobileinit", function() {
		   $.mobile.page.prototype.options.addBackBtn = true;
		  });
		</script>
		<script src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
		
		<!-- <script src="script/wiki.js"></script> -->
		<script src="control/script.js"></script>	
	</head>
	<body>
		<!-- --------------------------FÖRSTA SIDAN------------------------------------------------------------- -->
		<div data-role="page">
			<div data-role="header" data-theme="a" data-position="inline">
				<h1>LundinsWeather</h1>
			</div>
			
			<div data-role="content">
			
				<div id="searchCity" data-role="fieldcontain">
				    <form action="control/masterController.php" method="get" id="locationsearch">
		   				<input type="search" name="searchcity" id="search" value="" placeholder="Search city" />
		   				<!-- <input type="button" value="Sök" id="searchbutton" onclick="GetGeonamesPosition()" /> -->
		   			</form>
				</div>
			
				<div id="list">
				
				<div id="message">
				</div>
					<h2 id="positionName">Weather forecast</h2>
							
					<ul div data-role="listview" id="cityView" data-theme="c">
					
					</ul>
				
					<p id="status">HTML5 Geolocation has <strong>no</strong> support in Your browser</p>
					
					
				<div id="yrWeather">
					
				</div>
					
						<table id="lat_long">
							<tr id="longLat">
								<td width="40" scope="col">Latitude</td>
								<td width="114" id="latitude">?</td>
							</tr>
							<tr id="longLat">
								<td> Longitude</td>
								<td id="longitude">?</td>
							</tr>
						</table>
						
					</div>
					<h3 id="mapName">You are here...</h3>
					
					<div id="map" style="width: 200px; height: 200px">
					
					</div>
					<!-- 								
					<div id="WikiButton">
						<input type="button" value="Close by..." id="getWiki" /><br/>
					</div>
					-->
					<div id="">
						<ul id="">
						
						</ul>
					</div>
					
					<div  id="yrLinks">
					<ul div data-role="listview" data-theme="c">
						<li><a href="http://www.yr.no">«Forecast from yr.no» (engelsk)</a></li>
						<li><a href="http://www.dotvoid.se">«Weather icons from Dotvoid»</a></li>
					</ul>
					</div>
			
			</div>

			
			<div data-role="footer" data-theme="a">
				<h5>&copy; Lundin Enterprise</h5>
			</div>
			
		</div>
		
		<!-- ------------------------------------------------ANDRA SIDAN----------------------------------- -->
		<div data-role="page" data-back-btn-text="Tillbaka" id="wikilinks">
			<div data-role="header" data-theme="a" data-position="inline">
				<h1>Att göra</h1>
				
			</div>
			<div data-role="content" >
				<ul id="wikiList" data-role="listview" data-theme="c">
				</ul>
			</div>

			
			<div id="map_canvas" style="width: 400px; height: 400px">

			</div>
			<div data-role="footer" data-theme="a">
				<h5>&copy; Lundin Enterprise</h5>
			</div>
		</div>
		
		
	</body>
</html>
